<!--导航栏-->
<div class="row-fluid">
    <div class="navbar no-margin">
        <div class="navbar-inner">
            <ul class="breadcrumb">
                <i class="icon-chevron-left hide-sidebar"><a href='#' title="Hide Sidebar" rel='tooltip'>&nbsp;</a></i>
                <i class="icon-chevron-right show-sidebar" style="display:none;"><a href='#' title="Show Sidebar"
                        rel='tooltip'>&nbsp;</a></i>
                <li>
                    <a href="#/star">首页</a>
                </li>
                <li class="active">平台-C端大盘</li>
            </ul>
        </div>
    </div>
</div>
<div class="container-fluid" style="margin: 0 10px 0 10px;">
    <div class="row">
        <div class="col-xs-6 col-md-6">
            <h2 id="download2" class="page-header" style="margin: 20px 0 20px;">核心指标</h2>
        </div>
        <div class="col-xs-6 col-md-6">
            <div class="page-header" style="margin: 20px 0 20px;">
                <form class="form-inline">
                    <!-- <div class="form-group">
                        <label for="reportDate">业务时间：</label>
                        <input type="email" class="form-control" id="reportDate" placeholder="业务时间"
                            ng-model="vm.p.bizTime">
                    </div> -->
                    <div class="form-group">
                        <div class='input-group date' id='bizTime'>
                            <label for="bizTime" style="display: table-cell;">业务时间：</label>
                            <input type='text' class="form-control" ng-model="vm.p.bizTime" name="bizTime"
                                style="width: 17.6rem" />
                            <span class="input-group-addon" style="width: 4rem">
                                <span class="glyphicon glyphicon-calendar"></span>
                            </span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="biz">业务线：</label>
                        <select class="form-control" id="biz" ng-model="vm.p.biz" style="width:17.6rem">
                            <option value="zp">58招聘</option>
                            <option value='ganji'>赶集</option>
                        </select>
                    </div>
                    <button id="refreshTable" type="button" class="btn btn-primary" ng-click="queryDashboard()">
                        <span class="glyphicon glyphicon-search" aria-hidden="true"></span>查询
                    </button>
                </form>
            </div>
        </div>

    </div>
    <div class="row">
        <div class="col-xs-8 col-md-8">
            <div class="panel panel-default">
                <!-- Default panel contents -->
                <div class="panel-heading"></div>
                <!-- Table -->
                <table class="table">
                    <thead>
                        <tr>
                            <th>指标</th>
                            <th>当前值</th>
                            <th>涨幅t+1</th>
                            <th>涨幅t+7</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr ng-repeat="m in vm.metricList">
                            <th>{{m.indexTitle}}</th>
                            <td>{{m.content}}</td>
                            <td>{{m.contentInc1 * 100}}%</td>
                            <td>{{m.contentInc7 * 100}}%</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>

    </div>

    <div class="row">
        <div class="col-xs-12 col-md-12">
            <h2 id="download" class="page-header" style="margin: 20px 0 20px;">趋势分析</h2>
        </div>
    </div>
    <div class="row" id="dapan_charts">
        <div class="col-xs-6 col-md-6" style="height: 30rem" ng-repeat="item in vm.allChartMetrics"
            my-repeat-finish="repeatFinish()">
            <div data-chart-key="{{item.metaId}}" style="height: 100%;width:100%"></div>
        </div>
    </div>

    <div class="row">
        <div class="col-xs-12 col-md-12">
            <h2 id="download" class="page-header" style="margin: 20px 0 20px;">维度分析</h2>
        </div>
    </div>

    <!-- <div class="col-xs-12 col-md-12">
        <div class="panel panel-default">
            <div class="panel-heading">地域维度</div>

            <table id="list_table_1" class="table" data-pagination="true" data-side-pagination="client"
                data-cache="false" data-loading-template="loadingTemplate" data-cache="false">
                <thead>
                    <tr>
                        <th data-field="SerialNumber" data-sortable="true" data-formatter="serialFormatter">序号</th>
                        <th data-field="name" data-sortable="true">地区</th>
                        <th data-field="price" data-sortable="true">日活量</th>
                        <th data-field="price" data-sortable="true">连续意向-高/中/低/无</th>
                        <th data-field="price" data-sortable="true">供需平衡度</th>
                        <th data-field="price" data-sortable="true">收入（黄金+优选）</th>
                        <th data-field="price" data-sortable="true">业务日期</th>
                    </tr>
                </thead>
            </table>
        </div>
    </div> -->

    <!-- <div class="col-xs-12 col-md-12">
        <div class="panel panel-default">
            <div class="panel-heading">职类维度</div>

            <table id="list_table_2" class="table" data-pagination="true" data-side-pagination="client"
                data-cache="false" data-loading-template="loadingTemplate" data-cache="false">
                <thead>
                    <tr>
                        <th data-field="SerialNumber" data-sortable="true" data-formatter="serialFormatter">序号</th>
                        <th data-field="name" data-sortable="true">二级职类</th>
                        <th data-field="price" data-sortable="true">日活量</th>
                        <th data-field="price" data-sortable="true">连续意向-高/中/低/无</th>
                        <th data-field="price" data-sortable="true">供需平衡度</th>
                        <th data-field="price" data-sortable="true">收入（黄金+优选）</th>
                        <th data-field="price" data-sortable="true">业务日期</th>
                    </tr>
                </thead>
            </table>
        </div>
    </div> -->
</div>